﻿<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                    xmlns:WPFMediaKit_DirectShow_Controls="clr-namespace:WPFMediaKit.DirectShow.Controls;assembly=WPFMediaKit"
                    xmlns:Controls="clr-namespace:SampleApplication.Controls"
                    xmlns:Interactivity="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity">
    <Style x:Key="MediaDetectorElementStyle"
           TargetType="{x:Type WPFMediaKit_DirectShow_Controls:MediaDetectorElement}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type WPFMediaKit_DirectShow_Controls:MediaDetectorElement}">
                    <ControlTemplate.Resources>
                        <DataTemplate x:Key="VideoFrameDataTemplate">
                            <Grid Width="180"
                                  Height="100">
                                <Image Source="{Binding Path=Snapshot}" />
                                <StackPanel HorizontalAlignment="Left"
                                            VerticalAlignment="Top"
                                            Orientation="Horizontal">
                                    <TextBlock Background="#55000000"
                                               FontSize="14"
                                               Foreground="#FFFFFFFF"
                                               Text="Time: "><Run Text="Time: " /></TextBlock>
                                    <TextBlock Background="#FF000000"
                                               FontSize="14"
                                               Foreground="#FFFFFFFF"
                                               Text="{Binding Path=MediaTime}" />
                                </StackPanel>
                            </Grid>
                        </DataTemplate>
                    </ControlTemplate.Resources>
                    <Border Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            CornerRadius="7,7,7,7">
                        <Grid>
                            <ScrollViewer HorizontalScrollBarVisibility="Hidden"
                                          VerticalScrollBarVisibility="Hidden">
                                <ItemsControl x:Name="PART_VideoFrameItems">
                                    <ItemsControl.ItemsPanel>
                                        <ItemsPanelTemplate>
                                            <StackPanel IsItemsHost="True"
                                                        Orientation="Horizontal" />
                                        </ItemsPanelTemplate>
                                    </ItemsControl.ItemsPanel>
                                    <ItemsControl.ItemTemplate>
                                        <DataTemplate>
                                            <Grid Margin="0,0,15,0"
                                                  Width="100"
                                                  Height="80">
                                                <Grid.ToolTip>
                                                    <Border HorizontalAlignment="Stretch"
                                                            Margin="0,1,0,0"
                                                            VerticalAlignment="Top"
                                                            Width="100"
                                                            Height="16"
                                                            CornerRadius="7,7,7,7"
                                                            Background="#982E2E2E"
                                                            BorderThickness="1,1,1,1">
                                                        <Border.BorderBrush>
                                                            <LinearGradientBrush EndPoint="0.5,1"
                                                                                 StartPoint="0.5,0">
                                                                <GradientStop Color="#FF161616"
                                                                              Offset="0.422" />
                                                                <GradientStop Color="#FF646464"
                                                                              Offset="0.767" />
                                                            </LinearGradientBrush>
                                                        </Border.BorderBrush>
                                                        <Grid Visibility="Visible"
                                                              Width="Auto"
                                                              Height="Auto"
                                                              Margin="0,-3,0,0">
                                                            <TextBlock Background="{x:Null}"
                                                                       FontSize="13"
                                                                       Foreground="#FF000000"
                                                                       Text="{Binding Path=MediaTime}"
                                                                       RenderTransformOrigin="0.5,0.5"
                                                                       FontWeight="Bold"
                                                                       FontFamily="Calibri"
                                                                       Visibility="Collapsed"
                                                                       HorizontalAlignment="Left"
                                                                       VerticalAlignment="Top">
															<TextBlock.RenderTransform>
																<TransformGroup>
																	<ScaleTransform ScaleX="1"
                                                                                    ScaleY="1" />
																	<SkewTransform AngleX="0"
                                                                                   AngleY="0" />
																	<RotateTransform Angle="0" />
																	<TranslateTransform X="-0.5"
                                                                                        Y="-0.5" />
																</TransformGroup>
															</TextBlock.RenderTransform></TextBlock>
                                                            <TextBlock Background="{x:Null}"
                                                                       FontSize="12"
                                                                       Text="{Binding Path=MediaTime}"
                                                                       FontWeight="Bold"
                                                                       FontFamily="Calibri"
                                                                       Foreground="#FF979797"
                                                                       HorizontalAlignment="Left"
                                                                       VerticalAlignment="Top"
                                                                       Visibility="Collapsed" />
                                                            <TextBlock HorizontalAlignment="Center"
                                                                       Margin="0,0,0,0"
                                                                       VerticalAlignment="Center"
                                                                       Text="00:12:345678"
                                                                       TextWrapping="Wrap"
                                                                       RenderTransformOrigin="0.5,0.5"
                                                                       FontWeight="Normal"
                                                                       FontFamily="Verdana"
                                                                       FontStyle="Normal"
                                                                       FontSize="10">
															<TextBlock.Foreground>
																<LinearGradientBrush EndPoint="0.5,1"
                                                                                     StartPoint="0.5,0">
																	<GradientStop Color="#FF000000"
                                                                                  Offset="1" />
																	<GradientStop Color="#FF121212"
                                                                                  Offset="0" />
																</LinearGradientBrush>
															</TextBlock.Foreground>
															<TextBlock.RenderTransform>
																<TransformGroup>
																	<ScaleTransform ScaleX="1"
                                                                                    ScaleY="1" />
																	<SkewTransform AngleX="0"
                                                                                   AngleY="0" />
																	<RotateTransform Angle="0" />
																	<TranslateTransform X="0"
                                                                                        Y="0" />
																</TransformGroup>
															</TextBlock.RenderTransform></TextBlock>
                                                            <TextBlock HorizontalAlignment="Center"
                                                                       Margin="0,0,0,0"
                                                                       VerticalAlignment="Center"
                                                                       Text="00:12:345678"
                                                                       TextWrapping="Wrap"
                                                                       RenderTransformOrigin="0.5,0.5"
                                                                       FontFamily="Verdana"
                                                                       FontWeight="Normal"
                                                                       FontStyle="Normal"
                                                                       FontSize="10">
															<TextBlock.Foreground>
																<LinearGradientBrush EndPoint="0.5,1"
                                                                                     StartPoint="0.5,0">
																	<GradientStop Color="#FF222222"
                                                                                  Offset="0" />
																	<GradientStop Color="#FFB5B5B5"
                                                                                  Offset="1" />
																	<GradientStop Color="#FF9F9F9F"
                                                                                  Offset="0.927" />
																	<GradientStop Color="#FF969696"
                                                                                  Offset="0.172" />
																</LinearGradientBrush>
															</TextBlock.Foreground>
															<TextBlock.RenderTransform>
																<TransformGroup>
																	<ScaleTransform ScaleX="1"
                                                                                    ScaleY="1" />
																	<SkewTransform AngleX="0"
                                                                                   AngleY="0" />
																	<RotateTransform Angle="0" />
																	<TranslateTransform X="0.9"
                                                                                        Y="0.65" />
																</TransformGroup>
															</TextBlock.RenderTransform></TextBlock>
                                                        </Grid>
                                                    </Border>
                                                </Grid.ToolTip>
                                                <Border HorizontalAlignment="Stretch"
                                                        Margin="0,0,0,0"
                                                        VerticalAlignment="Bottom"
                                                        Width="100"
                                                        Height="80"
                                                        CornerRadius="4,4,4,4"
                                                        BorderThickness="1,1,1,1"
                                                        OpacityMask="{x:Null}">
                                                    <Border.Background>
                                                        <LinearGradientBrush EndPoint="0.5,1"
                                                                             StartPoint="0.5,0">
                                                            <GradientStop Color="#4C1C1C1C"
                                                                          Offset="1" />
                                                            <GradientStop Color="#40242424"
                                                                          Offset="0" />
                                                        </LinearGradientBrush>
                                                    </Border.Background>
                                                    <Border.BorderBrush>
                                                        <LinearGradientBrush EndPoint="0.5,1"
                                                                             StartPoint="0.5,0">
                                                            <GradientStop Color="#00000000"
                                                                          Offset="0.927" />
                                                            <GradientStop Color="#FF000000"
                                                                          Offset="0" />
                                                            <GradientStop Color="#FF9D9D9D"
                                                                          Offset="1" />
                                                            <GradientStop Color="#00000000"
                                                                          Offset="0.065" />
                                                        </LinearGradientBrush>
                                                    </Border.BorderBrush>
                                                    <Image Source="{Binding Path=Snapshot}"
                                                           Margin="10,10,10,10"
                                                           Stretch="UniformToFill"
                                                           StretchDirection="DownOnly" />
                                                </Border>
                                                <Border HorizontalAlignment="Stretch"
                                                        Margin="0,0,0,0"
                                                        VerticalAlignment="Bottom"
                                                        Width="100"
                                                        Height="80"
                                                        CornerRadius="4,4,4,4"
                                                        BorderThickness="2,2,1,1"
                                                        OpacityMask="{x:Null}"
                                                        Background="{DynamicResource Glassage}"
                                                        BorderBrush="{x:Null}" />
                                            </Grid>
                                        </DataTemplate>
                                    </ItemsControl.ItemTemplate>
                                </ItemsControl>
                            </ScrollViewer>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <LinearGradientBrush x:Key="HorizontalSliderThumbHoverBackgroundInverted"
                         EndPoint="0,0"
                         StartPoint="0,1">
        <GradientStop Color="white"
                      Offset="0" />
        <GradientStop Color="#B8E2F9"
                      Offset="0.5" />
        <GradientStop Color="#B0DFF8"
                      Offset="1" />
    </LinearGradientBrush>
    <SolidColorBrush x:Key="HorizontalSliderThumbHoverBorder"
                     Color="#3C7FB1" />
    <LinearGradientBrush x:Key="HorizontalSliderThumbPressedBackgroundInverted"
                         EndPoint="0,0"
                         StartPoint="0,1">
        <GradientStop Color="#B8E4FA"
                      Offset="0.25" />
        <GradientStop Color="#5EB4E3"
                      Offset="0.5" />
        <GradientStop Color="#4C8BB4"
                      Offset="1" />
    </LinearGradientBrush>
    <SolidColorBrush x:Key="HorizontalSliderThumbPressedBorder"
                     Color="#2C628B" />
    <Geometry x:Key="SliderThumbDisabledGeometry">M -5,-10.5 L 5,-10.5 L 5,10.5 L -5,10.5 Z</Geometry>
    <Geometry x:Key="SliderPointedThumbDisabledGeometry">M 4.5,-8.5 L -4.5,-8.5 L -4.5,4.5 L -0.5,8.5 L 0.5,8.5 L 4.5,4.5 Z</Geometry>
    <LinearGradientBrush x:Key="HorizontalSliderThumbNormalBackgroundInverted"
                         EndPoint="0,0"
                         StartPoint="0,1">
        <GradientStop Color="White"
                      Offset="0" />
        <GradientStop Color="#F0EFEF"
                      Offset="0.4" />
        <GradientStop Color="#D6D5D5"
                      Offset=".8" />
    </LinearGradientBrush>
    <Geometry x:Key="SliderPointedThumbOuterBorderGeometry">M 4.5,-7.5 A 1 1 0 0 0 3.5,-8.5 L -3.5,-8.5 A 1 1 0 0 0 -4.5,-7.5 L -4.5,4.5 L -0.5,8.5 L 0.5,8.5 L 4.5,4.5 Z</Geometry>
    <Geometry x:Key="SliderPointedThumbMiddleBorderGeometry">M 3.5,-7.5 L -3.5,-7.5 L -3.5,4.5 L 0,8 L 3.5,4.5 Z</Geometry>
    <Style x:Key="HorizontalSliderUpThumbStyle"
           TargetType="{x:Type Thumb}">
        <Setter Property="Focusable"
                Value="false" />
        <Setter Property="OverridesDefaultStyle"
                Value="true" />
        <Setter Property="Height"
                Value="18" />
        <Setter Property="Width"
                Value="10" />
        <Setter Property="Foreground"
                Value="Gray" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Thumb}">
                    <Canvas SnapsToDevicePixels="true">
                        <Canvas.RenderTransform>
                            <TransformGroup>
                                <TransformGroup.Children>
                                    <TransformCollection>
                                        <RotateTransform Angle="180" />
                                        <TranslateTransform X="5"
                                                            Y="9" />
                                    </TransformCollection>
                                </TransformGroup.Children>
                            </TransformGroup>
                        </Canvas.RenderTransform>
                        <Path x:Name="Background"
                              Fill="{StaticResource HorizontalSliderThumbNormalBackgroundInverted}"
                              Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" />
                        <Path x:Name="InnerBorder"
                              Stroke="White"
                              StrokeThickness="1"
                              Data="{StaticResource SliderPointedThumbMiddleBorderGeometry}" />
                        <Path x:Name="OuterBorder"
                              Stroke="#FF929292"
                              StrokeThickness="1"
                              Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" />
                    </Canvas>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver"
                                 Value="true">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource HorizontalSliderThumbHoverBackgroundInverted}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbHoverBorder}" />
                        </Trigger>
                        <Trigger Property="Foreground"
                                 Value="Blue">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource HorizontalSliderThumbHoverBackgroundInverted}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbHoverBorder}" />
                        </Trigger>
                        <Trigger Property="IsDragging"
                                 Value="true">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource HorizontalSliderThumbPressedBackgroundInverted}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbPressedBorder}" />
                        </Trigger>
                        <Trigger Property="IsEnabled"
                                 Value="false">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="#FFF4F4F4" />
                            <Setter Property="Stroke"
                                    TargetName="InnerBorder"
                                    Value="{x:Null}" />
                            <Setter Property="Data"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource SliderThumbDisabledGeometry}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="#FFAEB1AF" />
                            <Setter Property="Data"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource SliderPointedThumbDisabledGeometry}" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <LinearGradientBrush x:Key="HorizontalSliderThumbHoverBackground"
                         EndPoint="0,1"
                         StartPoint="0,0">
        <GradientStop Color="white"
                      Offset="0" />
        <GradientStop Color="#B8E2F9"
                      Offset="0.5" />
        <GradientStop Color="#B0DFF8"
                      Offset="1" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="HorizontalSliderThumbPressedBackground"
                         EndPoint="0,1"
                         StartPoint="0,0">
        <GradientStop Color="#B8E4FA"
                      Offset="0.25" />
        <GradientStop Color="#5EB4E3"
                      Offset="0.5" />
        <GradientStop Color="#4C8BB4"
                      Offset="1" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="HorizontalSliderThumbNormalBackground"
                         EndPoint="0,1"
                         StartPoint="0,0">
        <GradientStop Color="White"
                      Offset="0" />
        <GradientStop Color="#F0EFEF"
                      Offset="0.4" />
        <GradientStop Color="#D6D5D5"
                      Offset=".8" />
    </LinearGradientBrush>
    <Style x:Key="HorizontalSliderDownThumbStyle"
           TargetType="{x:Type Thumb}">
        <Setter Property="Focusable"
                Value="false" />
        <Setter Property="OverridesDefaultStyle"
                Value="true" />
        <Setter Property="Height"
                Value="18" />
        <Setter Property="Width"
                Value="10" />
        <Setter Property="Foreground"
                Value="Gray" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Thumb}">
                    <Canvas SnapsToDevicePixels="true">
                        <Canvas.RenderTransform>
                            <TranslateTransform X="5"
                                                Y="9" />
                        </Canvas.RenderTransform>
                        <Path x:Name="Background"
                              Fill="{StaticResource HorizontalSliderThumbNormalBackground}"
                              Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" />
                        <Path x:Name="InnerBorder"
                              Stroke="White"
                              StrokeThickness="1"
                              Data="{StaticResource SliderPointedThumbMiddleBorderGeometry}" />
                        <Path x:Name="OuterBorder"
                              Stroke="#FF929292"
                              StrokeThickness="1"
                              Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" />
                    </Canvas>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver"
                                 Value="true">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource HorizontalSliderThumbHoverBackground}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbHoverBorder}" />
                        </Trigger>
                        <Trigger Property="Foreground"
                                 Value="Blue">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource HorizontalSliderThumbHoverBackground}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbHoverBorder}" />
                        </Trigger>
                        <Trigger Property="IsDragging"
                                 Value="true">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource HorizontalSliderThumbPressedBackground}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbPressedBorder}" />
                        </Trigger>
                        <Trigger Property="IsEnabled"
                                 Value="false">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="#FFF4F4F4" />
                            <Setter Property="Stroke"
                                    TargetName="InnerBorder"
                                    Value="{x:Null}" />
                            <Setter Property="Data"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource SliderThumbDisabledGeometry}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="#FFAEB1AF" />
                            <Setter Property="Data"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource SliderPointedThumbDisabledGeometry}" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <SolidColorBrush x:Key="HorizontalSliderTrackNormalBackground"
                     Color="#FFE7EAEA" />
    <LinearGradientBrush x:Key="HorizontalSliderTrackNormalBorder"
                         EndPoint="0,1"
                         StartPoint="0,0">
        <GradientStop Color="#FFAEB1AF"
                      Offset="0.1" />
        <GradientStop Color="White"
                      Offset=".9" />
    </LinearGradientBrush>
    <Style x:Key="SliderRepeatButtonStyle"
           TargetType="{x:Type RepeatButton}">
        <Setter Property="OverridesDefaultStyle"
                Value="true" />
        <Setter Property="IsTabStop"
                Value="false" />
        <Setter Property="Focusable"
                Value="false" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type RepeatButton}">
                    <Rectangle Fill="Transparent" />
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Geometry x:Key="SliderThumbOuterBorderGeometry">M -5,-9.5 A 1 1 0 0 1 -4,-10.5 L 4,-10.5 A 1 1 0 0 1 5,-9.5 L 5,9.5 A 1 1 0 0 1 4,10.5 L -4,10.5 A 1 1 0 0 1 -5,9.5 Z</Geometry>
    <Geometry x:Key="SliderThumbMiddleBorderGeometry">M -4,-9.5 L 4,-9.5 L 4,9.5 L -4,9.5 Z</Geometry>
    <Style x:Key="HorizontalSliderThumbStyle"
           TargetType="{x:Type Thumb}">
        <Setter Property="Focusable"
                Value="false" />
        <Setter Property="OverridesDefaultStyle"
                Value="true" />
        <Setter Property="Height"
                Value="22" />
        <Setter Property="Width"
                Value="11" />
        <Setter Property="Foreground"
                Value="Gray" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Thumb}">
                    <Canvas RenderTransformOrigin="0.5,0.5"
                            SnapsToDevicePixels="true">
                        <Canvas.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform ScaleX="1"
                                                ScaleY="1" />
                                <SkewTransform AngleX="0"
                                               AngleY="0" />
                                <RotateTransform Angle="0" />
                                <TranslateTransform X="0"
                                                    Y="0" />
                            </TransformGroup>
                        </Canvas.RenderTransform>
                        <Path Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Data="F1 M 265.57,406.014C 265.57,408.559 263.507,410.622 260.961,410.622L 254.082,410.622C 251.536,410.622 249.473,408.559 249.473,406.014C 249.473,403.468 251.536,401.404 254.082,401.404L 260.961,401.404C 263.507,401.404 265.57,403.468 265.57,406.014 Z "
                              Stroke="{DynamicResource MediaButtonBorder}"
                              Canvas.Top="-4.834"
                              Height="18.552"
                              Canvas.Left="-2.75"
                              Width="25.68">
                            <Path.Fill>
                                <LinearGradientBrush StartPoint="0.500011,0.0421621"
                                                     EndPoint="0.500011,0.930457">
                                    <GradientStop Color="#FF545454"
                                                  Offset="0" />
                                    <GradientStop Color="#FF474747"
                                                  Offset="0.215" />
                                    <GradientStop Color="#FF313131"
                                                  Offset="0.47" />
                                    <GradientStop Color="#FF000000"
                                                  Offset="0.491" />
                                    <GradientStop Color="#FF1D1D1D"
                                                  Offset="0.938931" />
                                    <GradientStop Color="#FF1D1D1D"
                                                  Offset="1" />
                                </LinearGradientBrush>
                            </Path.Fill>
                        </Path>
                    </Canvas>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver"
                                 Value="true" />
                        <Trigger Property="Foreground"
                                 Value="Blue" />
                        <Trigger Property="IsDragging"
                                 Value="true" />
                        <Trigger Property="IsEnabled"
                                 Value="false" />
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <LinearGradientBrush x:Key="VerticalSliderThumbHoverBackground"
                         EndPoint="1,0"
                         StartPoint="0,0">
        <GradientStop Color="white"
                      Offset="0" />
        <GradientStop Color="#B8E2F9"
                      Offset="0.5" />
        <GradientStop Color="#B0DFF8"
                      Offset="1" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="VerticalSliderThumbPressedBackground"
                         EndPoint="1,0"
                         StartPoint="0,0">
        <GradientStop Color="#B8E4FA"
                      Offset="0.25" />
        <GradientStop Color="#5EB4E3"
                      Offset="0.5" />
        <GradientStop Color="#4C8BB4"
                      Offset="1" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="VerticalSliderThumbNormalBackground"
                         EndPoint="1,0"
                         StartPoint="0,0">
        <GradientStop Color="White"
                      Offset="0" />
        <GradientStop Color="#F0EFEF"
                      Offset="0.4" />
        <GradientStop Color="#D6D5D5"
                      Offset=".8" />
    </LinearGradientBrush>
    <Style x:Key="VerticalSliderLeftThumbStyle"
           TargetType="{x:Type Thumb}">
        <Setter Property="Focusable"
                Value="false" />
        <Setter Property="OverridesDefaultStyle"
                Value="true" />
        <Setter Property="Height"
                Value="10" />
        <Setter Property="Width"
                Value="18" />
        <Setter Property="Foreground"
                Value="Gray" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Thumb}">
                    <Canvas SnapsToDevicePixels="true">
                        <Canvas.RenderTransform>
                            <TransformGroup>
                                <TransformGroup.Children>
                                    <TransformCollection>
                                        <RotateTransform Angle="90" />
                                        <TranslateTransform X="9"
                                                            Y="5" />
                                    </TransformCollection>
                                </TransformGroup.Children>
                            </TransformGroup>
                        </Canvas.RenderTransform>
                        <Path x:Name="Background"
                              Fill="{StaticResource VerticalSliderThumbNormalBackground}"
                              Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" />
                        <Path x:Name="InnerBorder"
                              Stroke="White"
                              StrokeThickness="1"
                              Data="{StaticResource SliderPointedThumbMiddleBorderGeometry}" />
                        <Path x:Name="OuterBorder"
                              Stroke="#FF929292"
                              StrokeThickness="1"
                              Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" />
                    </Canvas>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver"
                                 Value="true">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource VerticalSliderThumbHoverBackground}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbHoverBorder}" />
                        </Trigger>
                        <Trigger Property="Foreground"
                                 Value="Blue">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource VerticalSliderThumbHoverBackground}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbHoverBorder}" />
                        </Trigger>
                        <Trigger Property="IsDragging"
                                 Value="true">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource VerticalSliderThumbPressedBackground}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbPressedBorder}" />
                        </Trigger>
                        <Trigger Property="IsEnabled"
                                 Value="false">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="#FFF4F4F4" />
                            <Setter Property="Stroke"
                                    TargetName="InnerBorder"
                                    Value="{x:Null}" />
                            <Setter Property="Data"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource SliderPointedThumbDisabledGeometry}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="#FFAEB1AF" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <LinearGradientBrush x:Key="VerticalSliderThumbHoverBackgroundInverted"
                         EndPoint="0,0"
                         StartPoint="1,0">
        <GradientStop Color="white"
                      Offset="0" />
        <GradientStop Color="#B8E2F9"
                      Offset="0.5" />
        <GradientStop Color="#B0DFF8"
                      Offset="1" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="VerticalSliderThumbPressedBackgroundInverted"
                         EndPoint="0,0"
                         StartPoint="1,0">
        <GradientStop Color="#B8E4FA"
                      Offset="0.25" />
        <GradientStop Color="#5EB4E3"
                      Offset="0.5" />
        <GradientStop Color="#4C8BB4"
                      Offset="1" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="VerticalSliderThumbNormalBackgroundInverted"
                         EndPoint="0,0"
                         StartPoint="1,0">
        <GradientStop Color="White"
                      Offset="0" />
        <GradientStop Color="#F0EFEF"
                      Offset="0.4" />
        <GradientStop Color="#D6D5D5"
                      Offset=".8" />
    </LinearGradientBrush>
    <Style x:Key="VerticalSliderRightThumbStyle"
           TargetType="{x:Type Thumb}">
        <Setter Property="Focusable"
                Value="false" />
        <Setter Property="OverridesDefaultStyle"
                Value="true" />
        <Setter Property="Height"
                Value="10" />
        <Setter Property="Width"
                Value="18" />
        <Setter Property="Foreground"
                Value="Gray" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Thumb}">
                    <Canvas SnapsToDevicePixels="true">
                        <Canvas.RenderTransform>
                            <TransformGroup>
                                <TransformGroup.Children>
                                    <TransformCollection>
                                        <RotateTransform Angle="-90" />
                                        <TranslateTransform X="9"
                                                            Y="5" />
                                    </TransformCollection>
                                </TransformGroup.Children>
                            </TransformGroup>
                        </Canvas.RenderTransform>
                        <Path x:Name="Background"
                              Fill="{StaticResource VerticalSliderThumbNormalBackgroundInverted}"
                              Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" />
                        <Path x:Name="InnerBorder"
                              Stroke="White"
                              StrokeThickness="1"
                              Data="{StaticResource SliderPointedThumbMiddleBorderGeometry}" />
                        <Path x:Name="OuterBorder"
                              Stroke="#FF929292"
                              StrokeThickness="1"
                              Data="{StaticResource SliderPointedThumbOuterBorderGeometry}" />
                    </Canvas>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver"
                                 Value="true">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource VerticalSliderThumbHoverBackgroundInverted}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbHoverBorder}" />
                        </Trigger>
                        <Trigger Property="Foreground"
                                 Value="Blue">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource VerticalSliderThumbHoverBackgroundInverted}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbHoverBorder}" />
                        </Trigger>
                        <Trigger Property="IsDragging"
                                 Value="true">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource VerticalSliderThumbPressedBackgroundInverted}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbPressedBorder}" />
                        </Trigger>
                        <Trigger Property="IsEnabled"
                                 Value="false">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="#FFF4F4F4" />
                            <Setter Property="Stroke"
                                    TargetName="InnerBorder"
                                    Value="{x:Null}" />
                            <Setter Property="Data"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource SliderPointedThumbDisabledGeometry}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="#FFAEB1AF" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <LinearGradientBrush x:Key="VerticalSliderTrackNormalBorder"
                         EndPoint="1,0"
                         StartPoint="0,0">
        <GradientStop Color="#FFAEB1AF"
                      Offset="0.1" />
        <GradientStop Color="White"
                      Offset=".9" />
    </LinearGradientBrush>
    <Style x:Key="VerticalSliderThumbStyle"
           TargetType="{x:Type Thumb}">
        <Setter Property="Focusable"
                Value="false" />
        <Setter Property="OverridesDefaultStyle"
                Value="true" />
        <Setter Property="Height"
                Value="11" />
        <Setter Property="Width"
                Value="22" />
        <Setter Property="Foreground"
                Value="Gray" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Thumb}">
                    <Canvas SnapsToDevicePixels="true">
                        <Canvas.RenderTransform>
                            <TransformGroup>
                                <TransformGroup.Children>
                                    <TransformCollection>
                                        <RotateTransform Angle="90" />
                                        <TranslateTransform X="11"
                                                            Y="5.5" />
                                    </TransformCollection>
                                </TransformGroup.Children>
                            </TransformGroup>
                        </Canvas.RenderTransform>
                        <Path x:Name="Background"
                              Fill="{StaticResource VerticalSliderThumbNormalBackground}"
                              Data="{StaticResource SliderThumbOuterBorderGeometry}" />
                        <Path x:Name="InnerBorder"
                              Stroke="White"
                              StrokeThickness="1"
                              Data="{StaticResource SliderThumbMiddleBorderGeometry}" />
                        <Path x:Name="OuterBorder"
                              Stroke="#FF929292"
                              StrokeThickness="1"
                              Data="{StaticResource SliderThumbOuterBorderGeometry}" />
                    </Canvas>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver"
                                 Value="true">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource VerticalSliderThumbHoverBackground}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbHoverBorder}" />
                        </Trigger>
                        <Trigger Property="Foreground"
                                 Value="Blue">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource VerticalSliderThumbHoverBackground}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbHoverBorder}" />
                        </Trigger>
                        <Trigger Property="IsDragging"
                                 Value="true">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="{StaticResource VerticalSliderThumbPressedBackground}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource HorizontalSliderThumbPressedBorder}" />
                        </Trigger>
                        <Trigger Property="IsEnabled"
                                 Value="false">
                            <Setter Property="Fill"
                                    TargetName="Background"
                                    Value="#FFF4F4F4" />
                            <Setter Property="Stroke"
                                    TargetName="InnerBorder"
                                    Value="{x:Null}" />
                            <Setter Property="Data"
                                    TargetName="OuterBorder"
                                    Value="{StaticResource SliderThumbDisabledGeometry}" />
                            <Setter Property="Stroke"
                                    TargetName="OuterBorder"
                                    Value="#FFAEB1AF" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="MediaTimeSliderStyle"
           TargetType="{x:Type Slider}">
        <Setter Property="Stylus.IsPressAndHoldEnabled"
                Value="false" />
        <Setter Property="Background"
                Value="Transparent" />
        <Setter Property="Foreground"
                Value="#FFC4C4C4" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Slider}">
                    <Border SnapsToDevicePixels="true"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto"
                                               MinHeight="{TemplateBinding MinHeight}" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <TickBar x:Name="TopTick"
                                     Height="4"
                                     Visibility="Collapsed"
                                     Grid.Row="0"
                                     Fill="{TemplateBinding Foreground}"
                                     Placement="Top" />
                            <TickBar x:Name="BottomTick"
                                     Height="4"
                                     Visibility="Collapsed"
                                     Grid.Row="2"
                                     Fill="{TemplateBinding Foreground}"
                                     Placement="Bottom" />
                            <Border x:Name="TrackBackground"
                                    Margin="5,0"
                                    VerticalAlignment="center"
                                    Height="4.0"
                                    BorderThickness="1"
                                    CornerRadius="1"
                                    Grid.Row="1"
                                    BorderBrush="#FF2A2A2A">
                                <Border.Background>
                                    <LinearGradientBrush EndPoint="0.5,1"
                                                         StartPoint="0.5,0">
                                        <GradientStop Color="#FF002E5D"
                                                      Offset="1" />
                                        <GradientStop Color="#FF0080FF"
                                                      Offset="0" />
                                    </LinearGradientBrush>
                                </Border.Background>
                                <Canvas Margin="-6,-1">
                                    <Rectangle x:Name="PART_SelectionRange"
                                               Fill="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"
                                               Stroke="{DynamicResource {x:Static SystemColors.ControlDarkDarkBrushKey}}"
                                               StrokeThickness="1.0"
                                               Height="4.0"
                                               Visibility="Hidden" />
                                </Canvas>
                            </Border>
                            <Track x:Name="PART_Track"
                                   Grid.Row="1">
                                <Track.IncreaseRepeatButton>
                                    <RepeatButton Style="{StaticResource SliderRepeatButtonStyle}"
                                                  Command="{x:Static Slider.IncreaseLarge}" />
                                </Track.IncreaseRepeatButton>
                                <Track.DecreaseRepeatButton>
                                    <RepeatButton Style="{DynamicResource DecreaseRepeatButtonStyle}"
                                                  Command="{x:Static Slider.DecreaseLarge}" />
                                </Track.DecreaseRepeatButton>
                                <Track.Thumb>
                                    <Thumb x:Name="Thumb"
                                           Style="{StaticResource HorizontalSliderThumbStyle}"
                                           Width="22"
                                           Height="10" />
                                </Track.Thumb>
                            </Track>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="TickPlacement"
                                 Value="TopLeft">
                            <Setter Property="Visibility"
                                    TargetName="TopTick"
                                    Value="Visible" />
                            <Setter Property="Style"
                                    TargetName="Thumb"
                                    Value="{StaticResource HorizontalSliderUpThumbStyle}" />
                            <Setter Property="Margin"
                                    TargetName="TrackBackground"
                                    Value="5,2,5,0" />
                        </Trigger>
                        <Trigger Property="TickPlacement"
                                 Value="BottomRight">
                            <Setter Property="Visibility"
                                    TargetName="BottomTick"
                                    Value="Visible" />
                            <Setter Property="Style"
                                    TargetName="Thumb"
                                    Value="{StaticResource HorizontalSliderDownThumbStyle}" />
                            <Setter Property="Margin"
                                    TargetName="TrackBackground"
                                    Value="5,0,5,2" />
                        </Trigger>
                        <Trigger Property="TickPlacement"
                                 Value="Both">
                            <Setter Property="Visibility"
                                    TargetName="TopTick"
                                    Value="Visible" />
                            <Setter Property="Visibility"
                                    TargetName="BottomTick"
                                    Value="Visible" />
                        </Trigger>
                        <Trigger Property="IsSelectionRangeEnabled"
                                 Value="true">
                            <Setter Property="Visibility"
                                    TargetName="PART_SelectionRange"
                                    Value="Visible" />
                        </Trigger>
                        <Trigger Property="IsKeyboardFocused"
                                 Value="true">
                            <Setter Property="Foreground"
                                    TargetName="Thumb"
                                    Value="Blue" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="Orientation"
                     Value="Vertical">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Slider}">
                            <Border SnapsToDevicePixels="true"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition MinWidth="{TemplateBinding MinWidth}"
                                                          Width="Auto" />
                                        <ColumnDefinition Width="Auto" />
                                    </Grid.ColumnDefinitions>
                                    <TickBar x:Name="TopTick"
                                             Width="4"
                                             Visibility="Collapsed"
                                             Grid.Column="0"
                                             Fill="{TemplateBinding Foreground}"
                                             Placement="Left" />
                                    <TickBar x:Name="BottomTick"
                                             Width="4"
                                             Visibility="Collapsed"
                                             Grid.Column="2"
                                             Fill="{TemplateBinding Foreground}"
                                             Placement="Right" />
                                    <Border x:Name="TrackBackground"
                                            HorizontalAlignment="center"
                                            Margin="0,5"
                                            Width="4.0"
                                            Background="{StaticResource HorizontalSliderTrackNormalBackground}"
                                            BorderBrush="{StaticResource VerticalSliderTrackNormalBorder}"
                                            BorderThickness="1"
                                            CornerRadius="1"
                                            Grid.Column="1">
                                        <Canvas Margin="-1,-6">
                                            <Rectangle x:Name="PART_SelectionRange"
                                                       Fill="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"
                                                       Stroke="{DynamicResource {x:Static SystemColors.ControlDarkDarkBrushKey}}"
                                                       StrokeThickness="1.0"
                                                       Width="4.0"
                                                       Visibility="Hidden" />
                                        </Canvas>
                                    </Border>
                                    <Track x:Name="PART_Track"
                                           Grid.Column="1">
                                        <Track.Thumb>
                                            <Thumb x:Name="Thumb"
                                                   Style="{StaticResource VerticalSliderThumbStyle}" />
                                        </Track.Thumb>
                                        <Track.IncreaseRepeatButton>
                                            <RepeatButton Style="{StaticResource SliderRepeatButtonStyle}"
                                                          Command="{x:Static Slider.IncreaseLarge}" />
                                        </Track.IncreaseRepeatButton>
                                        <Track.DecreaseRepeatButton>
                                            <RepeatButton Style="{StaticResource SliderRepeatButtonStyle}"
                                                          Command="{x:Static Slider.DecreaseLarge}" />
                                        </Track.DecreaseRepeatButton>
                                    </Track>
                                </Grid>
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="TickPlacement"
                                         Value="TopLeft">
                                    <Setter Property="Visibility"
                                            TargetName="TopTick"
                                            Value="Visible" />
                                    <Setter Property="Style"
                                            TargetName="Thumb"
                                            Value="{StaticResource VerticalSliderLeftThumbStyle}" />
                                    <Setter Property="Margin"
                                            TargetName="TrackBackground"
                                            Value="2,5,0,5" />
                                </Trigger>
                                <Trigger Property="TickPlacement"
                                         Value="BottomRight">
                                    <Setter Property="Visibility"
                                            TargetName="BottomTick"
                                            Value="Visible" />
                                    <Setter Property="Style"
                                            TargetName="Thumb"
                                            Value="{StaticResource VerticalSliderRightThumbStyle}" />
                                    <Setter Property="Margin"
                                            TargetName="TrackBackground"
                                            Value="0,5,2,5" />
                                </Trigger>
                                <Trigger Property="TickPlacement"
                                         Value="Both">
                                    <Setter Property="Visibility"
                                            TargetName="TopTick"
                                            Value="Visible" />
                                    <Setter Property="Visibility"
                                            TargetName="BottomTick"
                                            Value="Visible" />
                                </Trigger>
                                <Trigger Property="IsSelectionRangeEnabled"
                                         Value="true">
                                    <Setter Property="Visibility"
                                            TargetName="PART_SelectionRange"
                                            Value="Visible" />
                                </Trigger>
                                <Trigger Property="IsKeyboardFocused"
                                         Value="true">
                                    <Setter Property="Foreground"
                                            TargetName="Thumb"
                                            Value="Blue" />
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>
    </Style>
    <Style x:Key="ButtonFocusVisual">
        <Setter Property="Control.Template">
            <Setter.Value>
                <ControlTemplate>
                    <Rectangle Stroke="Black"
                               StrokeDashArray="1 2"
                               StrokeThickness="1"
                               Margin="2"
                               SnapsToDevicePixels="true" />
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <LinearGradientBrush x:Key="ButtonNormalBackground"
                         EndPoint="0,1"
                         StartPoint="0,0">
        <GradientStop Color="#F3F3F3"
                      Offset="0" />
        <GradientStop Color="#EBEBEB"
                      Offset="0.5" />
        <GradientStop Color="#DDDDDD"
                      Offset="0.5" />
        <GradientStop Color="#CDCDCD"
                      Offset="1" />
    </LinearGradientBrush>
    <SolidColorBrush x:Key="ButtonNormalBorder"
                     Color="#FF707070" />
    <LinearGradientBrush x:Key="MediaButtonBackground"
                         StartPoint="0.500011,0.0421621"
                         EndPoint="0.500011,0.930457">
        <GradientStop Color="#B1FFFFFF"
                      Offset="0" />
        <GradientStop Color="#B2B8B8B8"
                      Offset="0.215" />
        <GradientStop Color="#8C646464"
                      Offset="0.47" />
        <GradientStop Color="#3F000000"
                      Offset="0.495" />
        <GradientStop Color="#3E000000"
                      Offset="1" />
        <GradientStop Color="#00000000"
                      Offset="0.736" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="MediaButtonBorder"
                         EndPoint="0.5,1"
                         StartPoint="0.5,0">
        <GradientStop Color="#FFB8B8B8"
                      Offset="1" />
        <GradientStop Color="#FFDCDCDC"
                      Offset="0" />
        <GradientStop Color="#FF808080"
                      Offset="0.523" />
        <GradientStop Color="#FFFFFFFF"
                      Offset="0.514" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="MediaButtonSymbolFill"
                         StartPoint="0.500057,0.0153321"
                         EndPoint="0.500057,0.980196">
        <GradientStop Color="#B2FFFFFF"
                      Offset="0" />
        <GradientStop Color="#B2818181"
                      Offset="1" />
        <GradientStop Color="#FFFFFFFF"
                      Offset="0.459" />
        <GradientStop Color="#B2787878"
                      Offset="0.47" />
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="MediaButtonSymbolStroke"
                         EndPoint="0.5,1"
                         StartPoint="0.5,0">
        <GradientStop Color="#FF2F2F2F"
                      Offset="0" />
        <GradientStop Color="#FF0E0E0E"
                      Offset="0.989" />
        <GradientStop Color="#FF3B3B3B"
                      Offset="0.411" />
        <GradientStop Color="#FF1F1F1F"
                      Offset="0.419" />
    </LinearGradientBrush>
    <RadialGradientBrush x:Key="FollowGradient"
                         MappingMode="Absolute"
                         Center="0,35"
                         GradientOrigin="0,35"
                         RadiusX="40"
                         RadiusY="35">
        <GradientStop Color="#FF0072FF"
                      Offset="0.741" />
        <GradientStop Color="#00FFFFFF"
                      Offset="1" />
        <GradientStop Color="#FFEBF4FF"
                      Offset="0" />
        <GradientStop Color="#FF2184FF"
                      Offset="0.555" />
    </RadialGradientBrush>
    <Style x:Key="PreviousButton"
           TargetType="{x:Type Button}">
        <Setter Property="FocusVisualStyle"
                Value="{StaticResource ButtonFocusVisual}" />
        <Setter Property="Background"
                Value="{StaticResource ButtonNormalBackground}" />
        <Setter Property="BorderBrush"
                Value="{StaticResource ButtonNormalBorder}" />
        <Setter Property="BorderThickness"
                Value="1" />
        <Setter Property="Foreground"
                Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
        <Setter Property="HorizontalContentAlignment"
                Value="Center" />
        <Setter Property="VerticalContentAlignment"
                Value="Center" />
        <Setter Property="Padding"
                Value="1" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <ControlTemplate.Resources>
                        <Storyboard x:Key="OnMouseLeave">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="Highlight"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.2000000"
                                                      Value="0" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseEnter">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="Highlight"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.2000000"
                                                      Value="0.985" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseDown">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="ButtonDimmer"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="1" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseUp">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="ButtonDimmer"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="0" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                    </ControlTemplate.Resources>
                    <Canvas Width="47.738"
                            Height="23.646"
                            RenderTransformOrigin="0.5,0.5">
                        <Canvas.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform ScaleX="1"
                                                ScaleY="1" />
                                <SkewTransform AngleX="0"
                                               AngleY="0" />
                                <RotateTransform Angle="0" />
                                <TranslateTransform X="0"
                                                    Y="0" />
                            </TransformGroup>
                        </Canvas.RenderTransform>
                        <Path x:Name="Highlight"
                              Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Stroke="{x:Null}"
                              Data="F1 M 258.094,443.677C 256.24,440.51 255.171,436.829 255.171,432.894C 255.171,428.642 256.432,424.695 258.57,421.364L 301.576,421.364C 299.445,424.696 298.193,428.646 298.193,432.894C 298.193,436.83 299.272,440.506 301.123,443.677L 258.094,443.677 Z "
                              Opacity="0"
                              Fill="{DynamicResource FollowGradient}"
                              IsHitTestVisible="True">
                            <Interactivity:Interaction.Behaviors>
                                <Controls:GradientFollowBehavior />
                            </Interactivity:Interaction.Behaviors>
                        </Path>
                        <Path x:Name="ButtonPath"
                              Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Stroke="{DynamicResource MediaButtonBorder}"
                              Data="F1 M 258.094,443.677C 256.24,440.51 255.171,436.829 255.171,432.894C 255.171,428.642 256.432,424.695 258.57,421.364L 301.576,421.364C 299.445,424.696 298.193,428.646 298.193,432.894C 298.193,436.83 299.272,440.506 301.123,443.677L 258.094,443.677 Z "
                              Fill="{DynamicResource MediaButtonBackground}"
                              IsHitTestVisible="False" />
                        <Path x:Name="ButtonDimmer"
                              Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Data="F1 M 258.094,443.677C 256.24,440.51 255.171,436.829 255.171,432.894C 255.171,428.642 256.432,424.695 258.57,421.364L 301.576,421.364C 299.445,424.696 298.193,428.646 298.193,432.894C 298.193,436.83 299.272,440.506 301.123,443.677L 258.094,443.677 Z "
                              Fill="#99000000"
                              IsHitTestVisible="False"
                              Stroke="{x:Null}"
                              Opacity="0" />
                        <Path Width="9.67438"
                              Height="11.1026"
                              Canvas.Left="22.227"
                              Canvas.Top="6.688"
                              Stretch="Fill"
                              Data="F1 M 286.387,428.246C 286.387,428.863 286.405,436.411 286.405,437.373C 286.405,438.433 285.896,438.751 285.031,438.268C 284.165,437.788 278.131,434.28 277.361,433.801C 276.591,433.318 276.491,432.39 277.258,431.935C 278.101,431.433 284.315,427.992 285.106,427.556C 285.938,427.102 286.387,427.631 286.387,428.246 Z "
                              Fill="{DynamicResource MediaButtonSymbolFill}"
                              IsHitTestVisible="False" />
                        <Path Width="11.0077"
                              Height="12.4359"
                              Canvas.Left="21.563"
                              Canvas.Top="6.022"
                              Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Stroke="{DynamicResource MediaButtonSymbolStroke}"
                              Data="F1 M 286.387,428.246C 286.387,428.863 286.405,436.411 286.405,437.373C 286.405,438.433 285.896,438.751 285.031,438.268C 284.165,437.788 278.131,434.28 277.361,433.801C 276.591,433.318 276.491,432.39 277.258,431.935C 278.101,431.433 284.315,427.992 285.106,427.556C 285.938,427.102 286.387,427.631 286.387,428.246 Z "
                              RenderTransformOrigin="0.5,0.5"
                              IsHitTestVisible="False">
                            <Path.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleX="1"
                                                    ScaleY="1" />
                                    <SkewTransform AngleX="0"
                                                   AngleY="0" />
                                    <RotateTransform Angle="0" />
                                    <TranslateTransform X="0"
                                                        Y="0" />
                                </TransformGroup>
                            </Path.RenderTransform>
                        </Path>
                        <Path Width="3.53302"
                              Height="11.12"
                              Canvas.Left="17.042"
                              Canvas.Top="6.658"
                              Stretch="Fill"
                              Data="F1 M 271.546,438.087C 271.546,438.301 271.727,438.475 271.95,438.475L 274.675,438.475C 274.898,438.475 275.079,438.301 275.079,438.087L 275.079,427.743C 275.079,427.529 274.898,427.355 274.675,427.355L 271.95,427.355C 271.727,427.355 271.546,427.529 271.546,427.743L 271.546,438.087 Z "
                              Fill="{DynamicResource MediaButtonSymbolFill}"
                              IsHitTestVisible="False" />
                        <Path Width="4.86633"
                              Height="12.4533"
                              Canvas.Left="16.375"
                              Canvas.Top="5.991"
                              Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Stroke="{DynamicResource MediaButtonSymbolStroke}"
                              Data="F1 M 271.546,438.087C 271.546,438.301 271.727,438.475 271.95,438.475L 274.675,438.475C 274.898,438.475 275.079,438.301 275.079,438.087L 275.079,427.743C 275.079,427.529 274.898,427.355 274.675,427.355L 271.95,427.355C 271.727,427.355 271.546,427.529 271.546,427.743L 271.546,438.087 Z "
                              RenderTransformOrigin="0.5,0.5"
                              IsHitTestVisible="False">
                            <Path.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleX="1"
                                                    ScaleY="1" />
                                    <SkewTransform AngleX="0"
                                                   AngleY="0" />
                                    <RotateTransform Angle="0" />
                                    <TranslateTransform X="0"
                                                        Y="0" />
                                </TransformGroup>
                            </Path.RenderTransform>
                        </Path>
                    </Canvas>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsPressed"
                                 Value="True">
                            <Trigger.ExitActions>
                                <BeginStoryboard x:Name="OnMouseUp_BeginStoryboard1"
                                                 Storyboard="{StaticResource OnMouseUp}" />
                            </Trigger.ExitActions>
                            <Trigger.EnterActions>
                                <BeginStoryboard x:Name="OnMouseDown_BeginStoryboard1"
                                                 Storyboard="{StaticResource OnMouseDown}" />
                            </Trigger.EnterActions>
                        </Trigger>
                        <EventTrigger RoutedEvent="Mouse.MouseEnter">
                            <BeginStoryboard x:Name="OnMouseEnter_BeginStoryboard"
                                             Storyboard="{StaticResource OnMouseEnter}" />
                        </EventTrigger>
                        <EventTrigger RoutedEvent="Mouse.MouseLeave">
                            <BeginStoryboard x:Name="OnMouseLeave_BeginStoryboard"
                                             Storyboard="{StaticResource OnMouseLeave}" />
                        </EventTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="NextButtonStyle"
           TargetType="{x:Type Button}">
        <Setter Property="FocusVisualStyle"
                Value="{StaticResource ButtonFocusVisual}" />
        <Setter Property="Background"
                Value="{StaticResource ButtonNormalBackground}" />
        <Setter Property="BorderBrush"
                Value="{StaticResource ButtonNormalBorder}" />
        <Setter Property="BorderThickness"
                Value="1" />
        <Setter Property="Foreground"
                Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
        <Setter Property="HorizontalContentAlignment"
                Value="Center" />
        <Setter Property="VerticalContentAlignment"
                Value="Center" />
        <Setter Property="Padding"
                Value="1" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <ControlTemplate.Resources>
                        <Storyboard x:Key="OnMouseLeave">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="Highlight"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="0" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseEnter">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="Highlight"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.2000000"
                                                      Value="0.985" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseDown">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="ButtonDim"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="1" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseUp">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="ButtonDim"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="0" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                    </ControlTemplate.Resources>
                    <Canvas x:Name="NextButton"
                            Width="47.738"
                            Height="23.646"
                            RenderTransformOrigin="0.5,0.5">
                        <Canvas.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform ScaleX="1"
                                                ScaleY="1" />
                                <SkewTransform AngleX="0"
                                               AngleY="0" />
                                <RotateTransform Angle="0" />
                                <TranslateTransform X="0"
                                                    Y="0" />
                            </TransformGroup>
                        </Canvas.RenderTransform>
                        <Path x:Name="Highlight"
                              Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Stroke="{x:Null}"
                              Data="F1 M 379.652,443.677C 381.506,440.51 382.575,436.829 382.575,432.894C 382.575,428.642 381.314,424.695 379.176,421.364L 336.17,421.364C 338.301,424.696 339.553,428.646 339.553,432.894C 339.553,436.83 338.474,440.506 336.623,443.677L 379.652,443.677 Z "
                              Opacity="0"
                              Fill="{DynamicResource FollowGradient}"
                              IsHitTestVisible="True">
                            <Interactivity:Interaction.Behaviors>
                                <Controls:GradientFollowBehavior />
                            </Interactivity:Interaction.Behaviors>
                        </Path>
                        <Path Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Stroke="{DynamicResource MediaButtonBorder}"
                              Data="F1 M 379.652,443.677C 381.506,440.51 382.575,436.829 382.575,432.894C 382.575,428.642 381.314,424.695 379.176,421.364L 336.17,421.364C 338.301,424.696 339.553,428.646 339.553,432.894C 339.553,436.83 338.474,440.506 336.623,443.677L 379.652,443.677 Z "
                              Fill="{DynamicResource MediaButtonBackground}"
                              IsHitTestVisible="False" />
                        <Path x:Name="ButtonDim"
                              Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Stroke="{x:Null}"
                              Data="F1 M 379.652,443.677C 381.506,440.51 382.575,436.829 382.575,432.894C 382.575,428.642 381.314,424.695 379.176,421.364L 336.17,421.364C 338.301,424.696 339.553,428.646 339.553,432.894C 339.553,436.83 338.474,440.506 336.623,443.677L 379.652,443.677 Z "
                              Fill="#99000000"
                              IsHitTestVisible="False"
                              Opacity="0" />
                        <Path Width="9.67441"
                              Height="11.1026"
                              Canvas.Left="15.838"
                              Canvas.Top="6.688"
                              Stretch="Fill"
                              Data="F1 M 351.359,428.246C 351.359,428.863 351.341,436.411 351.341,437.373C 351.341,438.433 351.85,438.751 352.715,438.268C 353.581,437.788 359.615,434.28 360.385,433.801C 361.155,433.318 361.255,432.39 360.488,431.935C 359.646,431.433 353.431,427.992 352.64,427.556C 351.809,427.102 351.359,427.631 351.359,428.246 Z "
                              RenderTransformOrigin="0.5,0.5"
                              Fill="{DynamicResource MediaButtonSymbolFill}"
                              StrokeThickness="1"
                              IsHitTestVisible="False">
                            <Path.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleX="1"
                                                    ScaleY="1" />
                                    <SkewTransform AngleX="0"
                                                   AngleY="0" />
                                    <RotateTransform Angle="0" />
                                    <TranslateTransform X="0"
                                                        Y="0" />
                                </TransformGroup>
                            </Path.RenderTransform>
                        </Path>
                        <Path Width="11.0077"
                              Height="12.4359"
                              Canvas.Left="15.171"
                              Canvas.Top="6.022"
                              Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Stroke="{DynamicResource MediaButtonSymbolStroke}"
                              Data="F1 M 351.359,428.246C 351.359,428.863 351.341,436.411 351.341,437.373C 351.341,438.433 351.85,438.751 352.715,438.268C 353.581,437.788 359.615,434.28 360.385,433.801C 361.155,433.318 361.255,432.39 360.488,431.935C 359.646,431.433 353.431,427.992 352.64,427.556C 351.809,427.102 351.359,427.631 351.359,428.246 Z "
                              RenderTransformOrigin="0.5,0.5"
                              IsHitTestVisible="False">
                            <Path.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleX="1"
                                                    ScaleY="1" />
                                    <SkewTransform AngleX="0"
                                                   AngleY="0" />
                                    <RotateTransform Angle="0" />
                                    <TranslateTransform X="0"
                                                        Y="0" />
                                </TransformGroup>
                            </Path.RenderTransform>
                        </Path>
                        <Path Width="3.53305"
                              Height="11.12"
                              Canvas.Left="27.164"
                              Canvas.Top="6.658"
                              Stretch="Fill"
                              Data="F1 M 366.2,438.087C 366.2,438.301 365.796,438.475 365.796,438.475L 363.071,438.475C 362.848,438.475 362.667,438.301 362.667,438.087L 362.667,427.743C 362.667,427.529 362.848,427.355 363.071,427.355L 365.796,427.355C 366.02,427.355 366.2,427.529 366.2,427.743L 366.2,438.087 Z "
                              RenderTransformOrigin="0.5,0.5"
                              Fill="{DynamicResource MediaButtonSymbolFill}"
                              StrokeThickness="1"
                              IsHitTestVisible="False">
                            <Path.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleX="1"
                                                    ScaleY="1" />
                                    <SkewTransform AngleX="0"
                                                   AngleY="0" />
                                    <RotateTransform Angle="0" />
                                    <TranslateTransform X="0"
                                                        Y="0" />
                                </TransformGroup>
                            </Path.RenderTransform>
                        </Path>
                        <Path Width="4.86636"
                              Height="12.4533"
                              Canvas.Left="26.497"
                              Canvas.Top="5.991"
                              Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Stroke="{DynamicResource MediaButtonSymbolStroke}"
                              Data="F1 M 366.2,438.087C 366.2,438.301 365.796,438.475 365.796,438.475L 363.071,438.475C 362.848,438.475 362.667,438.301 362.667,438.087L 362.667,427.743C 362.667,427.529 362.848,427.355 363.071,427.355L 365.796,427.355C 366.02,427.355 366.2,427.529 366.2,427.743L 366.2,438.087 Z "
                              RenderTransformOrigin="0.5,0.5"
                              IsHitTestVisible="False">
                            <Path.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleX="1"
                                                    ScaleY="1" />
                                    <SkewTransform AngleX="0"
                                                   AngleY="0" />
                                    <RotateTransform Angle="0" />
                                    <TranslateTransform X="0"
                                                        Y="0" />
                                </TransformGroup>
                            </Path.RenderTransform>
                        </Path>
                    </Canvas>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsPressed"
                                 Value="True">
                            <Trigger.ExitActions>
                                <BeginStoryboard x:Name="OnMouseUp_BeginStoryboard"
                                                 Storyboard="{StaticResource OnMouseUp}" />
                            </Trigger.ExitActions>
                            <Trigger.EnterActions>
                                <BeginStoryboard x:Name="OnMouseDown_BeginStoryboard"
                                                 Storyboard="{StaticResource OnMouseDown}" />
                            </Trigger.EnterActions>
                        </Trigger>
                        <EventTrigger RoutedEvent="Mouse.MouseEnter">
                            <BeginStoryboard x:Name="OnMouseEnter_BeginStoryboard"
                                             Storyboard="{StaticResource OnMouseEnter}" />
                        </EventTrigger>
                        <EventTrigger RoutedEvent="Mouse.MouseLeave">
                            <BeginStoryboard x:Name="OnMouseLeave_BeginStoryboard"
                                             Storyboard="{StaticResource OnMouseLeave}" />
                        </EventTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="MediaPlayPauseToggleStyle"
           TargetType="{x:Type ToggleButton}">
        <Setter Property="FocusVisualStyle"
                Value="{StaticResource ButtonFocusVisual}" />
        <Setter Property="Background"
                Value="{StaticResource ButtonNormalBackground}" />
        <Setter Property="BorderBrush"
                Value="{StaticResource ButtonNormalBorder}" />
        <Setter Property="BorderThickness"
                Value="1" />
        <Setter Property="Foreground"
                Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
        <Setter Property="HorizontalContentAlignment"
                Value="Center" />
        <Setter Property="VerticalContentAlignment"
                Value="Center" />
        <Setter Property="Padding"
                Value="1" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ToggleButton}">
                    <ControlTemplate.Resources>
                        <Storyboard x:Key="OnMouseEnter">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="Highlight"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.2000000"
                                                      Value="0.99" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseLeave">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="Highlight"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.2000000"
                                                      Value="0" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseDown">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="ButtonDim"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="1" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseUp">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="ButtonDim"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="0" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="PlaySymbolShow">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="PlaySymbol"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="1" />
                            </DoubleAnimationUsingKeyFrames>
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="PauseSymbol"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="0" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="PauseSymbolShow">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="PauseSymbol"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="1" />
                            </DoubleAnimationUsingKeyFrames>
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="PlaySymbol"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="0" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                    </ControlTemplate.Resources>
                    <Canvas x:Name="PlayPauseButton"
                            Margin="0,0,26.112,10.113">
                        <Path x:Name="Highlight"
                              Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Data="F1 M 336.909,432.795C 336.909,442.751 328.838,450.822 318.882,450.822C 308.926,450.822 300.854,442.751 300.854,432.795C 300.854,422.84 308.926,414.768 318.882,414.768C 328.838,414.768 336.909,422.84 336.909,432.795 Z "
                              Stroke="{x:Null}"
                              Opacity="0"
                              Fill="{DynamicResource FollowGradient}"
                              IsHitTestVisible="True">
                            <Interactivity:Interaction.Behaviors>
                                <Controls:GradientFollowBehavior />
                            </Interactivity:Interaction.Behaviors>
                        </Path>
                        <Path x:Name="ButtonShape"
                              Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Data="F1 M 336.909,432.795C 336.909,442.751 328.838,450.822 318.882,450.822C 308.926,450.822 300.854,442.751 300.854,432.795C 300.854,422.84 308.926,414.768 318.882,414.768C 328.838,414.768 336.909,422.84 336.909,432.795 Z "
                              Fill="#00000000"
                              Stroke="{DynamicResource MediaButtonBorder}"
                              IsHitTestVisible="False" />
                        <Path x:Name="ButtonDim"
                              Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Data="F1 M 336.909,432.795C 336.909,442.751 328.838,450.822 318.882,450.822C 308.926,450.822 300.854,442.751 300.854,432.795C 300.854,422.84 308.926,414.768 318.882,414.768C 328.838,414.768 336.909,422.84 336.909,432.795 Z "
                              Fill="#99000000"
                              Stroke="{x:Null}"
                              IsHitTestVisible="False"
                              Opacity="0" />
                        <Path Width="35.4033"
                              Height="35.2073"
                              Canvas.Left="1.014"
                              Canvas.Top="1.09"
                              Stretch="Fill"
                              StrokeThickness="1.33333"
                              StrokeLineJoin="Round"
                              Stroke="#34000000"
                              Data="F1 M 335.938,432.796C 335.938,442.148 328.31,449.732 318.902,449.732C 309.495,449.732 301.868,442.148 301.868,432.796C 301.868,423.442 309.495,415.858 318.902,415.858C 328.31,415.858 335.938,423.442 335.938,432.796 Z "
                              IsHitTestVisible="False" />
                        <Canvas x:Name="PauseSymbol"
                                Opacity="0"
                                Width="35.99"
                                Height="27.829"
                                Canvas.Left="0"
                                Canvas.Top="0.765"
                                IsHitTestVisible="False">
                            <Path Width="5.66733"
                                  Height="19.6623"
                                  Canvas.Left="12.124"
                                  Canvas.Top="8.932"
                                  Stretch="Fill"
                                  StrokeThickness="1"
                                  StrokeLineJoin="Round"
                                  Stroke="{DynamicResource MediaButtonSymbolStroke}"
                                  Data="F1 M 317.312,440.332C 317.312,441.27 316.342,442.029 315.146,442.029C 313.948,442.029 312.978,441.27 312.978,440.332L 312.978,425.398C 312.978,424.46 313.948,423.7 315.146,423.7C 316.342,423.7 317.312,424.46 317.312,425.398L 317.312,440.332 Z "
                                  RenderTransformOrigin="0.5,0.5"
                                  Fill="{DynamicResource MediaButtonSymbolFill}">
                                <Path.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform ScaleX="1"
                                                        ScaleY="1" />
                                        <SkewTransform AngleX="0"
                                                       AngleY="0" />
                                        <RotateTransform Angle="0" />
                                        <TranslateTransform X="0"
                                                            Y="0" />
                                    </TransformGroup>
                                </Path.RenderTransform>
                            </Path>
                            <Path Width="5.66733"
                                  Height="19.6623"
                                  Stretch="Fill"
                                  StrokeThickness="1"
                                  StrokeLineJoin="Round"
                                  Stroke="{DynamicResource MediaButtonSymbolStroke}"
                                  Data="F1 M 317.312,440.332C 317.312,441.27 316.342,442.029 315.146,442.029C 313.948,442.029 312.978,441.27 312.978,440.332L 312.978,425.398C 312.978,424.46 313.948,423.7 315.146,423.7C 316.342,423.7 317.312,424.46 317.312,425.398L 317.312,440.332 Z "
                                  RenderTransformOrigin="0.5,0.5"
                                  Canvas.Left="19.728"
                                  Canvas.Top="8.932"
                                  Fill="{DynamicResource MediaButtonSymbolFill}">
                                <Path.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform ScaleX="1"
                                                        ScaleY="1" />
                                        <SkewTransform AngleX="0"
                                                       AngleY="0" />
                                        <RotateTransform Angle="0" />
                                        <TranslateTransform X="0"
                                                            Y="0" />
                                    </TransformGroup>
                                </Path.RenderTransform>
                            </Path>
                        </Canvas>
                        <Path x:Name="PlaySymbol"
                              Width="16.3452"
                              Height="18.561"
                              Stretch="Fill"
                              Data="F1 M 312.65,425.66C 312.65,426.616 312.62,438.328 312.62,439.822C 312.62,441.465 313.408,441.957 314.752,441.211C 316.097,440.465 325.459,435.021 326.655,434.275C 327.85,433.529 328.002,432.087 326.814,431.381C 325.505,430.603 315.863,425.264 314.633,424.589C 313.344,423.882 312.65,424.703 312.65,425.66 Z "
                              RenderTransformOrigin="0.5,0.5"
                              Canvas.Left="12.5"
                              Canvas.Top="9.5"
                              Stroke="{DynamicResource MediaButtonSymbolStroke}"
                              Fill="{DynamicResource MediaButtonSymbolFill}"
                              IsHitTestVisible="False">
                            <Path.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleX="1"
                                                    ScaleY="1" />
                                    <SkewTransform AngleX="0"
                                                   AngleY="0" />
                                    <RotateTransform Angle="0" />
                                    <TranslateTransform X="0"
                                                        Y="0" />
                                </TransformGroup>
                            </Path.RenderTransform>
                        </Path>
                        <Path Width="35.99"
                              Height="17.979"
                              Canvas.Left="0.7"
                              Canvas.Top="0.765"
                              Stretch="Fill"
                              Data="F1 M 318.882,414.866C 309.142,414.866 301.227,422.598 300.887,432.254C 306.175,434.078 312.304,431.098 318.882,431.098C 325.454,431.098 331.744,433.744 336.877,432.256C 336.538,422.599 328.623,414.866 318.882,414.866 Z "
                              IsHitTestVisible="False">
                            <Path.Fill>
                                <LinearGradientBrush EndPoint="0.5,1"
                                                     StartPoint="0.5,0">
                                    <GradientStop Color="#EEFFFFFF"
                                                  Offset="0" />
                                    <GradientStop Color="#00FFFFFF"
                                                  Offset="1" />
                                </LinearGradientBrush>
                            </Path.Fill>
                        </Path>
                    </Canvas>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked"
                                 Value="True">
                            <Trigger.ExitActions>
                                <BeginStoryboard x:Name="PauseSymbolShow_BeginStoryboard"
                                                 Storyboard="{StaticResource PauseSymbolShow}" />
                            </Trigger.ExitActions>
                            <Trigger.EnterActions>
                                <BeginStoryboard x:Name="PlaySymbolShow_BeginStoryboard"
                                                 Storyboard="{StaticResource PlaySymbolShow}" />
                            </Trigger.EnterActions>
                        </Trigger>
                        <Trigger Property="IsPressed"
                                 Value="True">
                            <Trigger.ExitActions>
                                <BeginStoryboard x:Name="OnMouseUp_BeginStoryboard"
                                                 Storyboard="{StaticResource OnMouseUp}" />
                            </Trigger.ExitActions>
                            <Trigger.EnterActions>
                                <BeginStoryboard x:Name="OnMouseDown_BeginStoryboard"
                                                 Storyboard="{StaticResource OnMouseDown}" />
                            </Trigger.EnterActions>
                        </Trigger>
                        <EventTrigger RoutedEvent="Mouse.MouseEnter">
                            <BeginStoryboard x:Name="OnMouseEnter_BeginStoryboard"
                                             Storyboard="{StaticResource OnMouseEnter}" />
                        </EventTrigger>
                        <EventTrigger RoutedEvent="Mouse.MouseLeave">
                            <BeginStoryboard x:Name="OnMouseLeave_BeginStoryboard"
                                             Storyboard="{StaticResource OnMouseLeave}" />
                        </EventTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="DecreaseRepeatButtonStyle"
           TargetType="{x:Type RepeatButton}">
        <Setter Property="OverridesDefaultStyle"
                Value="true" />
        <Setter Property="IsTabStop"
                Value="false" />
        <Setter Property="Focusable"
                Value="false" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type RepeatButton}">
                    <Grid Height="Auto">
                        <Rectangle RadiusX="0"
                                   RadiusY="0"
                                   Margin="0,0,-2,0"
                                   OpacityMask="{x:Null}">
                            <Rectangle.Fill>
                                <LinearGradientBrush EndPoint="0.5,1"
                                                     StartPoint="0.5,0">
                                    <GradientStop Color="#00005DFF"
                                                  Offset="0.086" />
                                    <GradientStop Color="#E5FFFFFF"
                                                  Offset="0.509" />
                                    <GradientStop Color="#00005DFF"
                                                  Offset="0.944" />
                                    <GradientStop Color="#C83792E7"
                                                  Offset="0.457" />
                                    <GradientStop Color="#D33A95E6"
                                                  Offset="0.573" />
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <LinearGradientBrush x:Key="Glassage"
                         EndPoint="0.016,0.35"
                         StartPoint="0.738,-2.157">
        <GradientStop Color="#00FFFFFF"
                      Offset="0" />
        <GradientStop Color="#27F2F2F2"
                      Offset="0.043" />
        <GradientStop Color="#00E4E4E4"
                      Offset="0.082" />
        <GradientStop Color="#3AC7C7C7"
                      Offset="0.254" />
        <GradientStop Color="#00C3C3C3"
                      Offset="0.315" />
        <GradientStop Color="#00A1A1A1"
                      Offset="0.466" />
        <GradientStop Color="#6D8D8D8D"
                      Offset="0.5" />
        <GradientStop Color="#00848484"
                      Offset="0.543" />
        <GradientStop Color="#6E606060"
                      Offset="0.759" />
        <GradientStop Color="#1FFFFFFF"
                      Offset="0.806" />
        <GradientStop Color="#004E4E4E"
                      Offset="0.849" />
        <GradientStop Color="#00DEDEDE"
                      Offset="0.112" />
        <GradientStop Color="#1AD1D1D1"
                      Offset="0.138" />
        <GradientStop Color="#00FFFFFF"
                      Offset="1" />
        <GradientStop Color="#0C9A9A9A"
                      Offset="0.922" />
        <GradientStop Color="#2A767676"
                      Offset="0.681" />
    </LinearGradientBrush>
    <Style x:Key="StopMediaButton"
           TargetType="{x:Type Button}">
        <Setter Property="FocusVisualStyle"
                Value="{StaticResource ButtonFocusVisual}" />
        <Setter Property="Background"
                Value="{StaticResource ButtonNormalBackground}" />
        <Setter Property="BorderBrush"
                Value="{StaticResource ButtonNormalBorder}" />
        <Setter Property="BorderThickness"
                Value="1" />
        <Setter Property="Foreground"
                Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
        <Setter Property="HorizontalContentAlignment"
                Value="Center" />
        <Setter Property="VerticalContentAlignment"
                Value="Center" />
        <Setter Property="Padding"
                Value="1" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <ControlTemplate.Resources>
                        <Storyboard x:Key="OnMouseEnter">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="Highlight"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.2000000"
                                                      Value="1" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseLeave">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="Highlight"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.2000000"
                                                      Value="0" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseDown">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="ButtonDim"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="1" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseUp">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="ButtonDim"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="0" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                    </ControlTemplate.Resources>
                    <Grid>
                        <Rectangle x:Name="Highlight"
                                   Width="Auto"
                                   Height="Auto"
                                   Fill="{DynamicResource FollowGradient}"
                                   Stroke="{x:Null}"
                                   StrokeThickness="1,1,1,1"
                                   RadiusX="4"
                                   RadiusY="4"
                                   Opacity="0"
                                   IsHitTestVisible="True">
                            <Interactivity:Interaction.Behaviors>
                                <Controls:GradientFollowBehavior />
                            </Interactivity:Interaction.Behaviors>
                        </Rectangle>
                        <Border x:Name="ButtonDim"
                                Width="Auto"
                                Height="Auto"
                                Background="#99000000"
                                BorderBrush="{x:Null}"
                                BorderThickness="1,1,1,1"
                                CornerRadius="4,4,4,4"
                                Opacity="0"
                                IsHitTestVisible="False" />
                        <Border Width="Auto"
                                Height="Auto"
                                Background="{DynamicResource MediaButtonBackground}"
                                BorderBrush="{DynamicResource MediaButtonBorder}"
                                BorderThickness="1,1,1,1"
                                CornerRadius="4,4,4,4"
                                IsHitTestVisible="False">
                            <Rectangle Fill="{DynamicResource MediaButtonSymbolFill}"
                                       Stroke="{DynamicResource MediaButtonSymbolStroke}"
                                       RadiusX="2"
                                       RadiusY="2"
                                       Margin="5,5,5,5"
                                       IsHitTestVisible="False" />
                        </Border>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsPressed"
                                 Value="True">
                            <Trigger.ExitActions>
                                <BeginStoryboard x:Name="OnMouseUp_BeginStoryboard"
                                                 Storyboard="{StaticResource OnMouseUp}" />
                            </Trigger.ExitActions>
                            <Trigger.EnterActions>
                                <BeginStoryboard x:Name="OnMouseDown_BeginStoryboard"
                                                 Storyboard="{StaticResource OnMouseDown}" />
                            </Trigger.EnterActions>
                        </Trigger>
                        <EventTrigger RoutedEvent="Mouse.MouseLeave">
                            <BeginStoryboard x:Name="OnMouseLeave_BeginStoryboard"
                                             Storyboard="{StaticResource OnMouseLeave}" />
                        </EventTrigger>
                        <EventTrigger RoutedEvent="Mouse.MouseEnter">
                            <BeginStoryboard x:Name="OnMouseEnter_BeginStoryboard"
                                             Storyboard="{StaticResource OnMouseEnter}" />
                        </EventTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="AudioSliderStyle"
           TargetType="{x:Type Slider}">
        <Setter Property="Stylus.IsPressAndHoldEnabled"
                Value="false" />
        <Setter Property="Background"
                Value="Transparent" />
        <Setter Property="Foreground"
                Value="#FFC4C4C4" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Slider}">
                    <Border SnapsToDevicePixels="true"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto"
                                               MinHeight="{TemplateBinding MinHeight}" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <TickBar x:Name="TopTick"
                                     Height="4"
                                     Visibility="Collapsed"
                                     Grid.Row="0"
                                     Fill="{TemplateBinding Foreground}"
                                     Placement="Top" />
                            <TickBar x:Name="BottomTick"
                                     Height="4"
                                     Visibility="Collapsed"
                                     Grid.Row="2"
                                     Fill="{TemplateBinding Foreground}"
                                     Placement="Bottom" />
                            <Border x:Name="TrackBackground"
                                    Margin="5,0"
                                    VerticalAlignment="center"
                                    Height="4.0"
                                    BorderThickness="1"
                                    CornerRadius="1"
                                    Grid.Row="1"
                                    BorderBrush="#FF2A2A2A">
                                <Border.Background>
                                    <LinearGradientBrush EndPoint="0.5,1"
                                                         StartPoint="0.5,0">
                                        <GradientStop Color="#FF000000"
                                                      Offset="1" />
                                        <GradientStop Color="#FFFF6700"
                                                      Offset="0" />
                                    </LinearGradientBrush>
                                </Border.Background>
                                <Canvas Margin="-6,-1">
                                    <Rectangle x:Name="PART_SelectionRange"
                                               Fill="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"
                                               Stroke="{DynamicResource {x:Static SystemColors.ControlDarkDarkBrushKey}}"
                                               StrokeThickness="1.0"
                                               Height="4.0"
                                               Visibility="Hidden" />
                                </Canvas>
                            </Border>
                            <Track x:Name="PART_Track"
                                   Grid.Row="1">
                                <Track.IncreaseRepeatButton>
                                    <RepeatButton Style="{StaticResource SliderRepeatButtonStyle}"
                                                  Command="{x:Static Slider.IncreaseLarge}" />
                                </Track.IncreaseRepeatButton>
                                <Track.DecreaseRepeatButton>
                                    <RepeatButton Style="{DynamicResource AudioRepeatButtonStyle}"
                                                  Command="{x:Static Slider.DecreaseLarge}" />
                                </Track.DecreaseRepeatButton>
                                <Track.Thumb>
                                    <Thumb x:Name="Thumb"
                                           Style="{DynamicResource AudioThumbStyle}"
                                           Width="10"
                                           Height="10" />
                                </Track.Thumb>
                            </Track>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="TickPlacement"
                                 Value="TopLeft">
                            <Setter Property="Visibility"
                                    TargetName="TopTick"
                                    Value="Visible" />
                            <Setter Property="Style"
                                    TargetName="Thumb"
                                    Value="{StaticResource HorizontalSliderUpThumbStyle}" />
                            <Setter Property="Margin"
                                    TargetName="TrackBackground"
                                    Value="5,2,5,0" />
                        </Trigger>
                        <Trigger Property="TickPlacement"
                                 Value="BottomRight">
                            <Setter Property="Visibility"
                                    TargetName="BottomTick"
                                    Value="Visible" />
                            <Setter Property="Style"
                                    TargetName="Thumb"
                                    Value="{StaticResource HorizontalSliderDownThumbStyle}" />
                            <Setter Property="Margin"
                                    TargetName="TrackBackground"
                                    Value="5,0,5,2" />
                        </Trigger>
                        <Trigger Property="TickPlacement"
                                 Value="Both">
                            <Setter Property="Visibility"
                                    TargetName="TopTick"
                                    Value="Visible" />
                            <Setter Property="Visibility"
                                    TargetName="BottomTick"
                                    Value="Visible" />
                        </Trigger>
                        <Trigger Property="IsSelectionRangeEnabled"
                                 Value="true">
                            <Setter Property="Visibility"
                                    TargetName="PART_SelectionRange"
                                    Value="Visible" />
                        </Trigger>
                        <Trigger Property="IsKeyboardFocused"
                                 Value="true">
                            <Setter Property="Foreground"
                                    TargetName="Thumb"
                                    Value="Blue" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="Orientation"
                     Value="Vertical">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Slider}">
                            <Border SnapsToDevicePixels="true"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition MinWidth="{TemplateBinding MinWidth}"
                                                          Width="Auto" />
                                        <ColumnDefinition Width="Auto" />
                                    </Grid.ColumnDefinitions>
                                    <TickBar x:Name="TopTick"
                                             Width="4"
                                             Visibility="Collapsed"
                                             Grid.Column="0"
                                             Fill="{TemplateBinding Foreground}"
                                             Placement="Left" />
                                    <TickBar x:Name="BottomTick"
                                             Width="4"
                                             Visibility="Collapsed"
                                             Grid.Column="2"
                                             Fill="{TemplateBinding Foreground}"
                                             Placement="Right" />
                                    <Border x:Name="TrackBackground"
                                            HorizontalAlignment="center"
                                            Margin="0,5"
                                            Width="4.0"
                                            Background="{StaticResource HorizontalSliderTrackNormalBackground}"
                                            BorderBrush="{StaticResource VerticalSliderTrackNormalBorder}"
                                            BorderThickness="1"
                                            CornerRadius="1"
                                            Grid.Column="1">
                                        <Canvas Margin="-1,-6">
                                            <Rectangle x:Name="PART_SelectionRange"
                                                       Fill="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"
                                                       Stroke="{DynamicResource {x:Static SystemColors.ControlDarkDarkBrushKey}}"
                                                       StrokeThickness="1.0"
                                                       Width="4.0"
                                                       Visibility="Hidden" />
                                        </Canvas>
                                    </Border>
                                    <Track x:Name="PART_Track"
                                           Grid.Column="1">
                                        <Track.Thumb>
                                            <Thumb x:Name="Thumb"
                                                   Style="{StaticResource VerticalSliderThumbStyle}" />
                                        </Track.Thumb>
                                        <Track.IncreaseRepeatButton>
                                            <RepeatButton Style="{StaticResource SliderRepeatButtonStyle}"
                                                          Command="{x:Static Slider.IncreaseLarge}" />
                                        </Track.IncreaseRepeatButton>
                                        <Track.DecreaseRepeatButton>
                                            <RepeatButton Style="{StaticResource SliderRepeatButtonStyle}"
                                                          Command="{x:Static Slider.DecreaseLarge}" />
                                        </Track.DecreaseRepeatButton>
                                    </Track>
                                </Grid>
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="TickPlacement"
                                         Value="TopLeft">
                                    <Setter Property="Visibility"
                                            TargetName="TopTick"
                                            Value="Visible" />
                                    <Setter Property="Style"
                                            TargetName="Thumb"
                                            Value="{StaticResource VerticalSliderLeftThumbStyle}" />
                                    <Setter Property="Margin"
                                            TargetName="TrackBackground"
                                            Value="2,5,0,5" />
                                </Trigger>
                                <Trigger Property="TickPlacement"
                                         Value="BottomRight">
                                    <Setter Property="Visibility"
                                            TargetName="BottomTick"
                                            Value="Visible" />
                                    <Setter Property="Style"
                                            TargetName="Thumb"
                                            Value="{StaticResource VerticalSliderRightThumbStyle}" />
                                    <Setter Property="Margin"
                                            TargetName="TrackBackground"
                                            Value="0,5,2,5" />
                                </Trigger>
                                <Trigger Property="TickPlacement"
                                         Value="Both">
                                    <Setter Property="Visibility"
                                            TargetName="TopTick"
                                            Value="Visible" />
                                    <Setter Property="Visibility"
                                            TargetName="BottomTick"
                                            Value="Visible" />
                                </Trigger>
                                <Trigger Property="IsSelectionRangeEnabled"
                                         Value="true">
                                    <Setter Property="Visibility"
                                            TargetName="PART_SelectionRange"
                                            Value="Visible" />
                                </Trigger>
                                <Trigger Property="IsKeyboardFocused"
                                         Value="true">
                                    <Setter Property="Foreground"
                                            TargetName="Thumb"
                                            Value="Blue" />
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>
    </Style>
    <Style x:Key="AudioThumbStyle"
           TargetType="{x:Type Thumb}">
        <Setter Property="Focusable"
                Value="false" />
        <Setter Property="OverridesDefaultStyle"
                Value="true" />
        <Setter Property="Height"
                Value="22" />
        <Setter Property="Width"
                Value="11" />
        <Setter Property="Foreground"
                Value="Gray" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Thumb}">
                    <Canvas RenderTransformOrigin="0.5,0.5"
                            SnapsToDevicePixels="true"
                            Width="10.947"
                            HorizontalAlignment="Left">
                        <Canvas.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform ScaleX="1"
                                                ScaleY="1" />
                                <SkewTransform AngleX="0"
                                               AngleY="0" />
                                <RotateTransform Angle="0" />
                                <TranslateTransform X="0"
                                                    Y="0" />
                            </TransformGroup>
                        </Canvas.RenderTransform>
                        <Path Stretch="Fill"
                              StrokeThickness="1"
                              StrokeLineJoin="Round"
                              Data="F1 M 265.57,406.014C 265.57,408.559 263.507,410.622 260.961,410.622L 254.082,410.622C 251.536,410.622 249.473,408.559 249.473,406.014C 249.473,403.468 251.536,401.404 254.082,401.404L 260.961,401.404C 263.507,401.404 265.57,403.468 265.57,406.014 Z "
                              Stroke="{DynamicResource MediaButtonBorder}"
                              Canvas.Top="0"
                              Height="10"
                              Canvas.Left="0"
                              Width="10">
                            <Path.Fill>
                                <LinearGradientBrush StartPoint="0.500011,0.0421621"
                                                     EndPoint="0.500011,0.930457">
                                    <GradientStop Color="#FF545454"
                                                  Offset="0" />
                                    <GradientStop Color="#FF474747"
                                                  Offset="0.215" />
                                    <GradientStop Color="#FF313131"
                                                  Offset="0.47" />
                                    <GradientStop Color="#FF000000"
                                                  Offset="0.491" />
                                    <GradientStop Color="#FF1D1D1D"
                                                  Offset="0.938931" />
                                    <GradientStop Color="#FF1D1D1D"
                                                  Offset="1" />
                                </LinearGradientBrush>
                            </Path.Fill>
                        </Path>
                    </Canvas>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver"
                                 Value="true" />
                        <Trigger Property="Foreground"
                                 Value="Blue" />
                        <Trigger Property="IsDragging"
                                 Value="true" />
                        <Trigger Property="IsEnabled"
                                 Value="false" />
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="AudioRepeatButtonStyle"
           TargetType="{x:Type RepeatButton}">
        <Setter Property="OverridesDefaultStyle"
                Value="true" />
        <Setter Property="IsTabStop"
                Value="false" />
        <Setter Property="Focusable"
                Value="false" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type RepeatButton}">
                    <Grid Height="10">
                        <Rectangle RadiusX="0"
                                   RadiusY="0"
                                   Margin="0,0,-2,0">
                            <Rectangle.OpacityMask>
                                <LinearGradientBrush EndPoint="0.309,0.5"
                                                     StartPoint="0.691,0.5">
                                    <GradientStop Color="#FF000000"
                                                  Offset="0" />
                                    <GradientStop Color="#00000000"
                                                  Offset="1" />
                                </LinearGradientBrush>
                            </Rectangle.OpacityMask>
                            <Rectangle.Fill>
                                <LinearGradientBrush EndPoint="0.5,1"
                                                     StartPoint="0.5,0">
                                    <GradientStop Color="#00FF7F00"
                                                  Offset="0" />
                                    <GradientStop Color="#E5FFFFFF"
                                                  Offset="0.524" />
                                    <GradientStop Color="#00FF8B00"
                                                  Offset="1" />
                                    <GradientStop Color="#A6E7BF37"
                                                  Offset="0.373" />
                                    <GradientStop Color="#A5E6BF3A"
                                                  Offset="0.673" />
                                    <GradientStop Color="#DEFFFFFF"
                                                  Offset="0.579" />
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="TextMediaButton"
           TargetType="{x:Type Button}">
        <Setter Property="FocusVisualStyle"
                Value="{StaticResource ButtonFocusVisual}" />
        <Setter Property="Background"
                Value="{StaticResource ButtonNormalBackground}" />
        <Setter Property="BorderBrush"
                Value="{StaticResource ButtonNormalBorder}" />
        <Setter Property="BorderThickness"
                Value="1" />
        <Setter Property="Foreground"
                Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
        <Setter Property="HorizontalContentAlignment"
                Value="Center" />
        <Setter Property="VerticalContentAlignment"
                Value="Center" />
        <Setter Property="Padding"
                Value="1" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <ControlTemplate.Resources>
                        <Storyboard x:Key="OnMouseEnter">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="Highlight"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.2000000"
                                                      Value="1" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseLeave">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="Highlight"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.2000000"
                                                      Value="0" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseDown">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="ButtonDim"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="1" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="OnMouseUp">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                                           Storyboard.TargetName="ButtonDim"
                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                                                      Value="0" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                    </ControlTemplate.Resources>
                    <Grid>
                        <Rectangle x:Name="Highlight"
                                   Width="Auto"
                                   Height="Auto"
                                   Fill="{DynamicResource FollowGradient}"
                                   Stroke="{x:Null}"
                                   StrokeThickness="1,1,1,1"
                                   RadiusX="2"
                                   RadiusY="2"
                                   Opacity="0"
                                   IsHitTestVisible="True">
                            <Interactivity:Interaction.Behaviors>
                                <Controls:GradientFollowBehavior />
                            </Interactivity:Interaction.Behaviors>
                        </Rectangle>
                        <Border x:Name="ButtonDim"
                                Width="Auto"
                                Height="Auto"
                                Background="#99000000"
                                BorderBrush="{x:Null}"
                                BorderThickness="1,1,1,1"
                                CornerRadius="4,4,4,4"
                                Opacity="0"
                                IsHitTestVisible="False" />
                        <Border Width="Auto"
                                Height="Auto"
                                Background="{DynamicResource MediaButtonBackground}"
                                BorderBrush="{DynamicResource MediaButtonBorder}"
                                BorderThickness="1,1,1,1"
                                CornerRadius="2"
                                IsHitTestVisible="False">
                        	<ContentControl Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" FontFamily="{TemplateBinding FontFamily}" FontSize="{TemplateBinding FontSize}" FontWeight="{TemplateBinding FontWeight}" FontStyle="{TemplateBinding FontStyle}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        </Border>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsPressed"
                                 Value="True">
                            <Trigger.ExitActions>
                                <BeginStoryboard x:Name="OnMouseUp_BeginStoryboard"
                                                 Storyboard="{StaticResource OnMouseUp}" />
                            </Trigger.ExitActions>
                            <Trigger.EnterActions>
                                <BeginStoryboard x:Name="OnMouseDown_BeginStoryboard"
                                                 Storyboard="{StaticResource OnMouseDown}" />
                            </Trigger.EnterActions>
                        </Trigger>
                        <EventTrigger RoutedEvent="Mouse.MouseLeave">
                            <BeginStoryboard x:Name="OnMouseLeave_BeginStoryboard"
                                             Storyboard="{StaticResource OnMouseLeave}" />
                        </EventTrigger>
                        <EventTrigger RoutedEvent="Mouse.MouseEnter">
                            <BeginStoryboard x:Name="OnMouseEnter_BeginStoryboard"
                                             Storyboard="{StaticResource OnMouseEnter}" />
                        </EventTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>